

<template>
  <Person :list="personList" a="哈哈" b="嘿嘿" />
</template>

<script setup lang="ts" name="App">
import Person from '@/components/test.vue'
import { reactive } from 'vue';
import { type Persons } from '@/types'
  let personList = reactive<Persons>([
    {
      id:'001',
      name: '张三1',
      age: 19
    },
    {
      id:'002',
      name: '张三2',
      age: 11
    },
    {
      id:'003',
      name: '张三3',
      age: 24
    },
  ]) 
</script>

<style scoped>
.app {
  background-color: #ddd;
  box-shadow: 0 0 10px;
  padding: 20px;
}
</style>
